<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>双11瓜分红包</title>
    <link rel="stylesheet" href="css/index.css" media="screen">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <div class="web">
        <!-- 抽奖页面开始 -->
        <div class="table" style="display:none">
            <!--<img src="img/turntable_bg.jpg" alt="背景" class="main_bg"/>-->
            <div class="message">
                <img src="img/scroll_bg.png" alt="背景" />
                <div class="message_con hor">
                    <i class="iconfont icon-laba"></i>
                    <span>获奖名单:</span>
                    <marquee class="scroll" align="middle" scrolldelay="150">
                        <em class="user_name">橡胶猫</em>获得
                        <em class="user_prize">200元油卡</em>;
                        <em class="user_name">我行我素</em>获得
                        <em class="user_prize">100元</em>
                    </marquee>
                </div>
            </div>
            <div class="turntable_tai hor">
                <div class="tai hor">
                    <img src="img/tai.png" />
                </div>
                <div class="si hor">
                    <img src="img/si.png" />
                </div>
                <div class="rule_turn">
                    <img src="img/rule.png" alt="活动规则" />
                </div>
                <div class="prize_turn">
                    <img src="img/prize.png" alt="我的奖品" />
                </div>
                <p class="time">
                    今日剩余次数:
                    <span>8</span>次
                </p>
                <div class="smallbao">
                    <img src="img/88.png" alt="红包">
                </div>
                <div class="bigbao">
                    <img src="img/1111.png" alt="红包">
                </div>
            </div>
            <div class="turntable hor">
                <div class="turntable_bg">
                    <img src="img/shining.png" alt="转盘背景" />
                    <img class="light_b backtTwinkle" src="img/light.png" alt="转盘装饰灯" />
                    <img class="light_f twinkle" src="img/light.png" alt="转盘装饰灯" />
                </div>
                <div class="turntable_b hor">
                    <img src="img/table.png" alt="转盘" />
                </div>
                <div class="start_button">
                    <img src="img/start_button.png" alt="开始按钮" />
                </div>
                <div class="start_head">
                    <img src="img/head.png" alt="手">
                </div>
            </div>
        </div>
        <!-- 抽奖页面开始 -->
        <!-- 跳转页面开始 -->
        <div class="turn_page" style="display:none">
            <div class="envelope">
                <div class="envelope_s Rotate">
                    <img src="img/lighting.png" alt="闪光背景" />
                </div>
                <div class="envelope_b hor">
                    <img src="img/letter_b.png" alt="信封背景" />
                </div>
                <div class="envelope_main up">
                    <div class="envelope_w">
                        <img src="img/white.png" alt="白色信纸" />
                    </div>
                    <div class="envelope_j hor">
                        <img src="img/youhuijuan.png" alt="优惠券">
                    </div>
                </div>
                <div class="envelope_f hor">
                    <img class="behind" src="img/letter_f.png" alt="信封前景" />
                    <h2 class="hor">恭喜您中奖了</h2>
                    <p class="hor">获得低价抢购福利</p>
                    <img class="hor" src="img/lingqu.png" alt="领取按钮" />
                </div>
                <div class="coin hor">
                    <img src="img/coin.png" alt="金币" />
                </div>
                <div class="color_bar hor down">
                    <img src="img/color.png" alt="彩带" />
                </div>
                <div class="turn_page_close">
                    <img src="img/close.png" alt="关闭" />
                </div>
            </div>
        </div>
        <!-- 跳转页面结束 -->
        <!-- 活动说明页面开始 -->
        <div class="rule" style="display:none">
            <div class="rule_detail">
                <div class="rule_title">
                    <span class="leftPoint"></span>
                    <h1>活动说明</h1>
                    <span class="rightPoint"></span>
                </div>
                <P>活动说明：参与活动即有机会获得幸运奖，每天可免费参与8次。此活动为概率中奖，奖品数量有限，祝你好运！</P>
                <ul class="prize_list">
                    <li>惊喜一：666元红包</li>
                    <li>惊喜二：166元红包</li>
                    <li>惊喜三：66元红包</li>
                    <li>惊喜四：6元红包</li>
                    <li>惊喜五：幸运奖</li>
                </ul>
                <hr/>
                <div class="statement">
                    <h2>重要声明</h2>
                    <ul class="statement_list">
                        <li>1.实物类奖品请将在活动结束后5-10个工作日安排发货，请耐心等待</li>
                        <li>2.优惠券类奖品的使用规则详见每个优惠券的介绍页</li>
                        <li>3.请兑换后仔细阅读使用流程，如有疑问可直接联系客服专线：020-85289927或客服QQ：2269854010（工作日10:00-18:00）</li>
                        <li>4.通过非法途径获得奖品的，主办方有权不提供奖品，如有必要，将采取法律途径维权。</li>
                    </ul>
                </div>
                <hr/>
                <div class="prob">
                    <h2>更多概率说明</h2>
                    <ul class="prob_list">
                        <li>666元红包，共1份，中奖概率0.01%</li>
                        <li>166元红包，共5份，中奖概率0.05%</li>
                        <li>66元红包，共10份，中奖概率0.1%</li>
                        <li>6元红包，共50份，中奖概率0.5%</li>
                    </ul>
                </div>
            </div>
            <div class="rule_close">
                <img src="img/close.png" alt="关闭" />
            </div>
        </div>
        <!-- 活动说明页面结束 -->
        <!-- 我的奖品页面开始 -->
        <div class="prize" style="display:none">
            <div class="service">
                客服：
                <i class="iconfont icon-qie"></i>
                <span class="QQ">2269854010</span>
                <i class="iconfont icon-dianhua"></i>
                <span class="phone">020-85289927</span>
            </div>
            <div class="prize_con">
                <div class="prize_juan clearfix">
                    <div class="juan">
                        <img src="img/juan.png" title="优惠券">
                    </div>
                    <div class="juan_right">
                        <div class="juan_con">
                            <p class="juan_con_top">特惠!免息借1万元</p>
                            <p class="juan_con_bottom">有效期2017-07-31</p>
                        </div>
                    </div>
                    <i class="iconfont icon-you-copy"></i>
                </div>
                <div class="prize_juan clearfix">
                    <div class="juan">
                        <img src="img/juan.png" title="优惠券">
                    </div>
                    <div class="juan_right">
                        <p class="juan_con_top">特惠!免息借1万元</p>
                        <p class="juan_con_bottom">有效期2017-07-31</p>
                    </div>
                    <i class="iconfont icon-you-copy"></i>
                </div>
                <div class="prize_juan clearfix">
                    <div class="juan">
                        <img src="img/juan.png" title="优惠券">
                    </div>
                    <div class="juan_right">
                        <p class="juan_con_top">特惠!免息借1万元</p>
                        <p class="juan_con_bottom">有效期2017-07-31</p>
                    </div>
                    <i class="iconfont icon-you-copy"></i>
                </div>
            </div>
            <div class="prize_close">
                <img src="img/close.png" alt="关闭" />
            </div>
        </div>
        <!-- 我的奖品页面结束 -->
        <!-- 吊窗页面开始 -->
        <div class="sash" style="display:block">
            <div class="sash_main down">
                <img class="sash_bg" src="img/hongbao.png" alt="红包">
                <div class="sash_con">
                    <p class="congrats">恭喜您获得限时福利</p>
                    <h1>免费领取iphone  X</h1>
                    <div class="prize_pic">
                        <img src="img/main_prize.png" alt="奖品" />
                    </div>
                    <div class="reveal">
                        <img src="img/lou.png" alt="大奖透漏" />
                    </div>
                    <p class="sash_prize">iPhone X、Watch、iPad mini、Macbook Pro、幸运福袋、iPhone 8</p>
                    <div class="get rotateB">
                        <img src="img/lingButton.png" alt="领">
                    </div>
                    <p class="check_det">查看详情&gt;</p>
                </div>
                <div class="sash_close">
                    <img src="img/closeC.png" alt="关闭按钮">
                </div>
            </div>
        </div>
        <!-- 吊窗页面结束 -->
    </div>
    <script src="js/index.js"></script>
</body>

</html>